import React from 'react'

// 建议
// !箭头函数中的事件绑定和拿到事件对象
export default function App() {
  const handleClick = (e) => {
    console.log('Hello World', e)
  }
  return (
    <div>
      <button onClick={handleClick}>click</button>
    </div>
  )
}

// 箭头函数，默认导出，不要这样写！
/* export default const App = () => {
  return <div>App</div>
} */

// eslint-disable-next-line import/no-anonymous-default-export
/* export default () => {
  return <div>App</div>
} */

// 建议
/* const App = () => {
  return <div>App</div>
}
export default App */